<script setup lang="ts">
interface Props {
    data: {
        helpInfoId?: string;
        helpInfoContent?: string;
    }[];
}

withDefaults(defineProps<Props>(), {
    data: () => [],
});
</script>

<template>
    <div class="px-80 py-12">
        <template v-for="item in data" :key="item.helpInfoId">
            <div v-html="item.helpInfoContent"></div>
        </template>
    </div>
</template>

<style lang="scss" scoped>
:deep(img) {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
</style>
